<template>
  <div class="module-wrapper">
    <el-tabs>
      <el-tab-pane label="已订阅">
          <YetSubscription></YetSubscription>
         <div v-html="title"></div>
      </el-tab-pane>
      <el-tab-pane label="去订阅"
        ><ToSubscription></ToSubscription
      ></el-tab-pane>
      <el-tab-pane label="订阅记录"
        ><SubscriptionRecord></SubscriptionRecord
      ></el-tab-pane>
    </el-tabs>

  </div>
</template>
<script>
import YetSubscription from './yetSubscription'
import ToSubscription from './toSubscription'
import SubscriptionRecord from './subscriptionRecord'
export default {
  components: {
    YetSubscription, // 已订阅
    ToSubscription, // 去订阅
    SubscriptionRecord // 订阅记录
  },
  data () {
    return {
        title: '<span style="font-size:20px"></span>'
    }
  },
  methods: {
      add () {
          this.$refs.editInfoDrawer.init('add')
      }
  }
}
</script>
<style lang="scss" scoped>
@import '@/assets/scss/config.scss';
    .module-wrapper{
        margin:-20px;
        ::v-deep .el-tabs{
            .el-tabs__header{
                margin-bottom: 0;
                .el-tabs__item{
                    width: 140px;
                    height: 45px;
                    line-height: 43px;
                    border: 1px solid transparent;
                    /*border-radius: 6px 0px 0px 0px;*/
                    font-size: 16px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    text-align: center;
                    padding: 0;
                }
                .el-tabs__item.is-active{
                    background: $--color-primary-liyu;;
                    border-color: #EEEEEE;
                    color: #FFFFFF;
                }
                .el-tabs__active-bar{
                    display: none;
                }
                .el-tabs__nav-wrap::after{
                    height: 1px;
                    background: #EEEEEE;
                }
            }
        }

    }

</style>
